<!-- 
    说明：
    1、如果是include "/im/site/siteim.html"，界面会100%撑满其所在容器
    2、如果是include "/im/site/siteim_wrap.html"，界面会100%撑满高度，并且自适应
-->


<!--the css for jquery.mCustomScrollbar-->
<!-- <link rel="stylesheet" href="/res/jquery/jquery.mCustomScrollbar.min.css"/> -->
<!--the css for this plugin-->
<!-- <link rel="stylesheet" href="/res/jquery/emoji/css/jquery.emoji.css"/> -->

<!--(Optional) the js for jquery.mCustomScrollbar's addon-->
<script src="/res/jquery/jquery.mousewheel.min.js"></script>
<!--the js for jquery.mCustomScrollbar-->
<script src="/res/jquery/jquery.mCustomScrollbar.min.js"></script>
<!--the js for this plugin-->
<script src="/res/jquery/emoji/js/jquery.emoji.min.js"></script>


<link rel="stylesheet" href="/im/site/siteim.css?${js_version}">


<script src="/res/text-encoding/encoding-indexes.js"></script>
<script src="/res/text-encoding/encoding.js"></script>
<script src="/res/pako/pako.js"></script>




<!-- 右键菜单 -->
<script src="/res/context.js/js/context.js"></script>
<link rel="stylesheet" href="/res/context.js/css/context.css">



<script src="/im/site/siteim-all.js?${js_version}"></script>


<!-- <button data-method="offset" data-type="rb" class="layui-btn layui-btn im_panel_swicth_icon">聊聊天</button> -->


<div id="siteim_chat_panel_wrap" class="siteim_chat_panel_wrap">
    <div id="siteim_online_count_div"><span></span>人在线（点击显示明细）</div>
    <!-- 在线列表 -->
    <div id="siteim_online_wrap" style="display: none;">
        <ul class="layui-layim-list layui-show " id="siteim_online_list_ul" >
            <!-- <li layim-event="chat" data-type="friend" data-index="1" class="layim-friend102101 ">
                <img src="//tva2.sinaimg.cn/crop.0.0.640.640.180/648fbe5ejw8ethmg0u9egj20hs0ht0tn.jpg">
                <span>醋醋cucu</span>
                <p></p><span class="layim-msg-status">new</span>
            </li> -->
        </ul>
    </div>


    <div id="siteim_chat_panel_content" class="siteim_chat_panel_content">
        <div style="height: calc(100%);">
            <div class="layim-chat-main" id="layim_chat_main" style="height: calc(100%);">

                <!-- <li class="layim-chat-mine">
                        <div class="layim-chat-user">
                            <img src="//res.layui.com/images/fly/avatar/00.jpg">
                            <cite><i>2018-10-2623:12:43</i>纸飞机</cite>
                        </div>
                        <div class="layim-chat-text">
                            d
                        </div>
                    </li>
                    <li>
                        <div class="layim-chat-user">
                            <img src="//tva1.sinaimg.cn/crop.0.23.1242.1242.180/8693225ajw8fbimjimpjwj20yi0zs77l.jpg">
                            <cite>Z_子晴<i>2018-10-26 23:12:44</i></cite>
                        </div>
                        <div class="layim-chat-text">(*^__^*) 
                            <img alt="[嘻嘻]" title="[嘻嘻]" src="https://res.layui.com/layui/dist/images/face/1.gif">
                            ，是贤心吗
                        </div>
                    </li> -->
                <ul id="siteim_chat_container" class="layui-anim layui-anim-scaleSpring"></ul>
            </div>
        </div>

    </div>
    <div id="siteim_chat_panel_bottom" class="siteim_chat_panel_bottom">
        <!-- <i class="layui-icon layui-icon-face-smile layui-btn-siteim-emoji"></i> -->
        <div class="layui-row">
            <div class="layim-chat-tool tiosite-im-tool" id="siteim_tool_div">
                <span class="layui-icon layim-tool-face siteim_select_face_btn" id="siteim_select_face_btn_1" onclick="siteim_emoji_show()" title="选择表情"></span>
                <span class="layui-icon layim-tool-image siteim_cutImg" title="裁剪图片">&#xe60d;</span>
                <span class="layui-icon layim-tool-image" title="发送图片（可一次性发送多张图片）">
                    &#xe634;<input type="file" class="siteim_uploadimgs" id="siteim_uploadimgs_1" multiple="multiple">
                </span>
                <span class="layui-icon layim-tool-video siteim_uploadvideo_btn" title="发送视频" data-type="file">
                    <input type="file" class="siteim_uploadvideo" id="siteim_uploadvideo_1" style="display:none">
                </span>
            </div>
        </div>
        <textarea placeholder="输入一个成语试试，譬如：生生世世" id="siteim_chat_text_1" class="layui-input99 siteim_chat_text" onkeyup="siteim.chat_text_keyup(event)"></textarea>
        <text class="layui-btn  layui-btn-siteim-send" id="siteim_send_btn" onclick="siteim.groupChat()">发 送</text>
    </div>
</div>


<!-- 右下角，点击显示聊天面板的按钮 (不用了) -->
<ul class="layui-fixbar" style="display: none">
    <li class="layui-icon layui-icon-dialogue" id="im_panel_swicth_icon" title="聊聊天" onclick="siteim.showChatPanel()">
        <!--未读消息数据-->
        <span class="layui-badge tio-badge" id="siteim_notread_count" style="display:none"></span>
    </li>
</ul>



<#include "/im/site/ImgCropping.html">


    <!-- 用于图片上传前的预览 -->
    <div id="siteim_upload_imgs_preview_wrap">
        <div id="siteim_upload_imgs_preview" class="card_img_wrap">

        </div>
    </div>

    <!-- 在线列表 -->
    <div id="siteim_online_wrap" style="display: none;">
        <div class="">
            <ul class="layui-layim-list layui-show" id="siteim_online_list_ul">
                
            </ul>
        </div>
    </div>

    <!-- 私聊 -->
    <#include "/im/site/p2p.html">